<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
			<th width="5%">ID</th>
			<th width="10%">Staff_ID</th>
			<th width="15%">FullName</th>
			<th width="10%">FromDate</th>
			<th width="10%">ToDate</th>
			<th width="5%">WorkingDay</th>
			<th width="5%">WorkedDay</th>
			<th width="5%">SLDay</th>
			<th width="5%">Action</th>
			
				
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="5" class="dataTables_empty">Loading data from server</td>
		</tr>
	</tbody>
	
</table>
<script>
	$(document).ready(function() {
				    $('#example').dataTable( {
				    	"bJQueryUI": true,
				        "bProcessing": true,
				        "sAjaxSource": '<?php echo base_url()?>time/table',
				        "bStateSave": true	,
				         "sPaginationType": "full_numbers",				        				        
        				"bScrollCollapse": true,        				 
			        			        
				    } );
				} );
</script>